.bihs{
  .top{
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 430rpx;
    position: relative;
    .top-bg{
      position: absolute;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 0;
    }
    .top-content{
      z-index: 1;
      position: relative;
    }
    .button{
      margin-top: 24rpx;
      width:200rpx;
      height:72rpx;
      background:rgba(255,255,255,1);
      border-radius:36rpx;
      font-size:28rpx;
      font-weight:500;
      color:rgba(235,51,50,1);
      line-height:72rpx;
      text-align: center;
    }
    .js_center{
       display: flex;
       flex-direction: row;
       justify-content: center; 
       .question{
            width: 26rpx;
            height: 26rpx;
            padding: 10rpx;
            position: relative;
            top: -8rpx;
        }
    }
    .title{
      color: #fff;
      font-size: 28rpx;
      font-family:PingFang SC;
      height: 30rpx;
      line-height: 30rpx;
   }
   .price{
       margin-top: 100rpx;
       font-size: 100rpx;
       font-weight: bold;
       color: #fff;
       margin-bottom: 30rpx;
   }
  }
    .box{
        padding: 20rpx;
        .title{
            // width:110px;
            height:60rpx;
            font-size:28rpx;
            font-weight:bold;
            color:rgba(51,51,51,1);
            line-height:60rpx;
            text-indent: 10rpx;
        }
        .content{
            display: flex;
            flex-direction: column;
            padding: 40rpx;
            background:linear-gradient(90deg,#FF7854,#E93347); 
            border-radius: 20rpx;
            color: #fff;
            .c_top{
                display: flex;
                flex-direction: row;
                justify-content:space-between;
                .totalPrice{
                    font-size: 60rpx;
                    font-weight:bold
                }
                .btn{
                    padding: 14rpx 32rpx;
                    border-radius: 30rpx;
                    opacity: 0.9;
                    height: 30rpx;
                    line-height: 30rpx;
                    background-color: #FFE8E5;
                    color: #EC3D49;
                }
                .question{
                    width: 26rpx;
                    height: 26rpx;
                    // margin-left: 20rpx;
                    padding: 10rpx;
                    position: relative;
                    top: 6px;
                }
            }
            .c_border{
                border-bottom: 1px solid #FF888A;
                margin: 32rpx 0;
            }
            .c_bottom{
                display: flex;
                flex-direction: row;
                justify-content:space-between;
                .price{
                    font-size: 32rpx;
                }
                .text{
                    font-size: 22rpx;
                    .questions{
                        width: 26rpx;
                        height: 26rpx;
                        // margin-left: 20rpx;
                        padding: 0 10rpx;
                        position: relative;
                        top: 2px;
                    }
                }
            }
            .b_bottom{
                justify-content: flex-start;
                .b_second {
                    margin-left: 60rpx;
                }
            }
        }
    }
    .commission-tab{
        padding: 20rpx 0 0 0;
        .tab-box{
            padding: 0 0 25 0rpx;
            background-color: #fff;
            // border-radius: 20rpx;
            .tab{
                display: flex;
                background-color: #f5f5f5;
                flex-direction: row;
                justify-content: flex-start;
                .tab-item{
                    width: 176rpx;
                    text-align: center;
                    padding: 0;
                    line-height: 88rpx;
                    height: 88rpx;
                    color: #999999;
                    background-color: #ededed;
                    font-size: 24rpx;
                    position: relative;
                }
                .active{
                    color: #000;
                    font-size: 28rpx;
                    background-color: #fff;
                    width: 196rpx;
                    line-height: 88rpx;
                    height: 88rpx;
                }
                .borderBottom{
                    display: none;
                    width: 32rpx;
                    position: absolute;
                    height: 6rpx;
                    border-radius: 10rpx;
                    // display: block;
                    position: absolute;
                    left: 50%;
                    margin-left: -16rpx;
                    bottom: 0rpx;
                    background-color: #FF759F;
                }
            }
            .commission-info{
                display: flex;
                flex-direction: row;
                justify-content:center;
                // align-items: center;
                padding: 40rpx 0;
               
                .generalize{
                    color: #000;
                    font-size: 28rpx;
                    font-weight: bold;
                    flex: 4;
                    .shu{
                        padding: 0rpx 4rpx;
                        background-color: #F2A481;
                        border-radius: 4rpx;
                        margin-right: 25rpx;
                    }
                    .shu2{
                        background-color: #84CBC8; 
                    }
                    .questions{
                        width: 26rpx;
                        height: 26rpx;
                        // margin-left: 20rpx;
                        padding: 0 10rpx;
                        position: relative;
                        top: 2px;
                    }
                }
                .generalize-num{
                    flex: 3;
                    text-align: center;
                    color: #000;
                    font-size: 36rpx;
                    font-weight: bold;
                    .text{
                        margin-top: 16rpx;
                        color: #999999;
                        font-weight: normal;
                        font-size: 24rpx;
                    }
                }
                .b-r{
                    height: 54rpx;
                    width: 1px;
                    background-color: #EAEAEA;
                }       
            }
            .b_bottom{
                border-bottom:1px solid #EAEAEA ;
            }
        } 
    }
    .bihs_details{
        padding: 20rpx 0;
        .details_card{
            background-color: #fff;
            display: flex;
            height: 120rpx;
            line-height: 120rpx;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 0rpx 20rpx; 
            font-size: 28rpx;
            color: #000;
            // font-weight: bold;
            // border-radius:20rpx;
            margin-bottom: 20rpx;
            .questions{
              width: 26rpx;
              height: 26rpx;
              // margin-left: 20rpx;
              padding: 0 10rpx;
              position: relative;
              top: 2px;
            }
            .price{
              font-size: 36rpx;
              font-weight: bold;
            }
            .shu{
                // padding: 0rpx 4rpx;
                // background-color: #4DD2FF;
                // border-radius: 4rpx;
                // margin-right: 25rpx;
            }
            .shu2{
                // background-color: #B399FF;
            }
            .list_more{
                margin-right: 10rpx;
                width: 12rpx;
                height: 22rpx;    
            }
        }
        
    }
}





